<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	template="/themes/standard/template2.xhtml"
	xmlns:a4j="http://richfaces.org/a4j">

	<ui:define name="body">

		<a4j:form>
			<rich:toolBar id="buttonPanel">
				<h:selectBooleanCheckbox id="usunieteCheckBox"
					value="#{zarzadzanieOsobami.pokazUsuniete}">
					<a4j:support event="onchange" reRender="tabela" />
				</h:selectBooleanCheckbox>
				<h:outputLabel value="Pokaż usunięte" for="usunieteCheckBox" />

				<a4j:commandButton value="Edytuj osobę" reRender="popup"
					action="#{zarzadzanieOsobami.edycja}"
					oncomplete="Richfaces.showModalPanel('popup')"
					disabled="#{zarzadzanieOsobami.selected == null}">
				</a4j:commandButton>

			</rich:toolBar>
			<rich:extendedDataTable value="#{osobaDataModel}" var="_osoba"
				selection="#{zarzadzanieOsobami.selected}" noDataLabel="Brak Danych"
				id="tabela" rows="20" sortMode="single">
				<a4j:support event="onselectionchange" reRender="buttonPanel"
					ajaxSingle="true">
				</a4j:support>

				<rich:column title="Id" label="Id" sortBy="#{_osoba.id}"
					filterBy="#{_osoba.id}">
					<f:facet name="header">
						<h:outputText value="Id" />
					</f:facet>
					<h:outputText value="#{_osoba.id}" />

				</rich:column>

				<rich:column title="Nazwisko" label="Nazwisko"
					sortBy="#{_osoba.nazwisko}" filterBy="#{_osoba.nazwisko}">
					<f:facet name="header">
						<h:outputText value="Nazwisko" />
					</f:facet>
					<h:outputText value="#{_osoba.nazwisko}" />

				</rich:column>
				<rich:column title="Imię" label="Imię" sortBy="#{_osoba.imie}"
					filterBy="#{_osoba.imie}">
					<f:facet name="header">
						<h:outputText value="Imię" />
					</f:facet>
					<h:outputText value="#{_osoba.imie}" />

				</rich:column>
				<rich:column title="email" label="email" sortBy="#{_osoba.email}"
					filterBy="#{_osoba.email}">
					<f:facet name="header">
						<h:outputText value="email" />
					</f:facet>
					<h:outputText value="#{_osoba.email}" />

				</rich:column>
				<rich:column title="Województwo" label="Województwo"
					sortBy="#{_osoba.wojewodztwo}" filterBy="#{_osoba.wojewodztwo}">
					<f:facet name="header">
						<h:outputText value="Województwo" />
					</f:facet>
					<h:outputText value="#{_osoba.wojewodztwo}" />

				</rich:column>

				<rich:column title="Adres" label="Adres" sortBy="#{_osoba.adres}"
					filterBy="#{_osoba.adres}">
					<f:facet name="header">
						<h:outputText value="Adres" />
					</f:facet>
					<h:outputText value="#{_osoba.adres}" />

				</rich:column>

				<rich:column title="Data urodzenia" label="Data urodzenia"
					sortBy="#{_osoba.dataUr}" filterBy="#{_osoba.dataUr}">
					<f:facet name="header">
						<h:outputText value="Data urodzenia" />
					</f:facet>
					<h:outputText value="#{_osoba.dataUr}">
						<f:convertDateTime type="date" pattern="yyyy-MM-dd" />
					</h:outputText>

				</rich:column>

				<rich:column title="Data rejestracji" label="Data rejestracji"
					sortBy="#{_osoba.dataRej}" filterBy="#{_osoba.dataRej}">
					<f:facet name="header">
						<h:outputText value="Data rejestracji" />
					</f:facet>
					<h:outputText value="#{_osoba.dataRej}">
						<f:convertDateTime type="date" pattern="yyyy-MM-dd" />
					</h:outputText>

				</rich:column>

				<f:facet name="footer">
					<rich:datascroller for="tabela" id="scroller" />
				</f:facet>

			</rich:extendedDataTable>


		</a4j:form>

		<rich:modalPanel id="popup" autosized="true" minWidth="300">
			<f:facet name="header">
				<h:outputText value="Edycja osoby" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGrid columns="2">
					<h:form>
						<a4j:commandButton value="Zamknij"
							onclick="Richfaces.hideModalPanel('popup')" />
					</h:form>

				</h:panelGrid>

			</f:facet>
			<a4j:outputPanel id="popupOutputPanel" ajaxRendered="true">
				<h:form enctype="multipart/form-data">

					<h:panelGrid columns="2">
						<h:outputText value="Imię :" />
						<h:outputText value="#{zarzadzanieOsobami.edytowany.imie}" />

						<h:outputText value="Nazwisko :" />
						<h:outputText value="#{zarzadzanieOsobami.edytowany.nazwisko}" />

						<h:outputText value="email :" />
						<h:outputText value="#{zarzadzanieOsobami.edytowany.email}" />

					</h:panelGrid>
					<h:panelGrid columns="3">


						<h:outputLabel for="rodzajKonta_popup" value="Rodzaj konta" />
						<h:selectOneMenu
							value="#{zarzadzanieOsobami.edytowany.rodzajKonta}"
							id="rodzajKonta_popup">
							<s:selectItems value="#{rodzajKontaDataList.rodzajeKontValues}"
								var="r" label="#{r}" />
							<s:convertEnum />
							<s:validate />
						</h:selectOneMenu>

						<h:message for="rodzajKonta_popup" />

						<h:outputLabel for="statusKonta_popup" value="Status" />
						<h:selectOneMenu value="#{zarzadzanieOsobami.edytowany.status}"
							id="statusKonta_popup">
							<s:selectItems value="#{statusDataList.statusValues}" var="s"
								label="#{s}" />
							<s:convertEnum />
							<s:validate />
						</h:selectOneMenu>

						<h:message for="statusKonta_popup" />


					</h:panelGrid>


					<h:commandButton id="submit" action="#{zarzadzanieOsobami.zapisz}"
						value="Zapisz" reRender="popupOutputPanel,tabela"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('popup')}.hide();">
					</h:commandButton>



				</h:form>
			</a4j:outputPanel>

		</rich:modalPanel>




	</ui:define>
</ui:composition>
